import React from "react";

const StartChatIcon = ({ color = "white" }: { color?: string }) => {
  return (
    <svg
      width="25"
      height="25"
      viewBox="0 0 25 25"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M12.4999 3.38509C7.46603 3.38509 3.3853 7.46582 3.3853 12.4997C3.3853 14.1601 3.82853 15.7148 4.60301 17.0544C4.69155 17.207 4.71394 17.3887 4.66551 17.5585L3.56342 21.4346L7.43842 20.3325C7.52236 20.3086 7.61024 20.3018 7.69685 20.3125C7.78346 20.3233 7.86703 20.3513 7.94259 20.395C9.32754 21.1963 10.8998 21.6169 12.4999 21.6143C17.5337 21.6143 21.6145 17.5335 21.6145 12.4997C21.6145 7.46582 17.5337 3.38509 12.4999 3.38509ZM2.08322 12.4997C2.08322 6.74655 6.74676 2.08301 12.4999 2.08301C18.253 2.08301 22.9165 6.74655 22.9165 12.4997C22.9165 18.2528 18.253 22.9163 12.4999 22.9163C10.703 22.9163 9.01134 22.4611 7.53478 21.659L3.24467 22.8788C2.55769 23.0742 1.92332 22.4393 2.11863 21.7528L3.33842 17.4622C2.51206 15.9388 2.08052 14.2327 2.08322 12.4997ZM8.33321 10.5465C8.33321 10.1872 8.62488 9.89551 8.98426 9.89551H16.0155C16.101 9.89551 16.1857 9.91235 16.2646 9.94507C16.3436 9.97778 16.4154 10.0257 16.4759 10.0862C16.5363 10.1466 16.5843 10.2184 16.617 10.2974C16.6497 10.3764 16.6665 10.4611 16.6665 10.5465C16.6665 10.632 16.6497 10.7167 16.617 10.7957C16.5843 10.8747 16.5363 10.9465 16.4759 11.0069C16.4154 11.0674 16.3436 11.1153 16.2646 11.148C16.1857 11.1808 16.101 11.1976 16.0155 11.1976H8.98426C8.62488 11.1976 8.33321 10.9059 8.33321 10.5465ZM8.98426 13.8018C8.81159 13.8018 8.64599 13.8703 8.5239 13.9924C8.40181 14.1145 8.33321 14.2801 8.33321 14.4528C8.33321 14.6255 8.40181 14.7911 8.5239 14.9132C8.64599 15.0352 8.81159 15.1038 8.98426 15.1038H13.9322C14.1048 15.1038 14.2704 15.0352 14.3925 14.9132C14.5146 14.7911 14.5832 14.6255 14.5832 14.4528C14.5832 14.2801 14.5146 14.1145 14.3925 13.9924C14.2704 13.8703 14.1048 13.8018 13.9322 13.8018H8.98426Z"
        fill={color}
      />
    </svg>
  );
};

export default StartChatIcon;
